/*头部*/
/*member*/
.member_header{height: 0.9rem;background:none;width: 100%;z-index: 5;display: flex;color:#fff;justify-content: space-between;}
.member_header .nav-left:first-child{padding-left:0.3rem;}
/*通用*/
.header{position: relative;height:0.9rem;background:#fff;width: 100%;z-index: 5;display: flex;color:#333;justify-content: space-between;border-bottom: 1px #f7f7f7 solid;}
.header .nav-left:first-child{padding-left:0.3rem;justify-content:flex-start;}
.nav-right:last-child{padding-right:0.3rem;justify-content:flex-end;}
.header h2{flex:1;display: flex;align-items: center;justify-content: center;height:1rem;font-size: 0.32rem;font-weight:300;}
.nav-left,.nav-right{min-width: 1rem;height: 0.9rem;display: flex;align-items:center;justify-content:center; box-sizing: border-box;padding-left:0.15rem;padding-right: 0.15rem;}
.header-left{position: absolute;height: 0.9rem;left:0;z-index: 6;display: flex;}
.header-right{position: absolute;height: 0.9rem;right:0;z-index: 6;display: flex;}
/*.header-shadow{box-shadow: 0rem 0rem 0.08rem 0rem rgba(0, 0, 0, 0.06);}*/
.nav-right img{width:.4rem;}
.msg-notice{
    width: 0.4rem;
    position: relative;
}
.msg-notice #msgPoint{
    position: absolute;
    right: -0.1rem;
    top: -0.08rem;
    /*width: 0.12rem;*/
    /*height: 0.12rem;*/
    background: #ff7777;
    border-radius: 0.26rem;
    color: #fff;
    line-height: 0.26rem;
    height: 0.26rem;
    font-size: 0.24rem;
    padding: 0.02rem 0.05rem 0;
    min-width: 0.26rem;
    display: flex;
    align-items: center;
    justify-content: center;
    /*border: 1px #fff solid;*/
}
.nav-left .icon-back{width: .15rem;}
/*头部结束*/
/*style.css*/
h3{font-size: .28rem;font-weight: bold;}
.mt100{margin-top: 1rem;}
.mt68{margin-top: .68rem;}
.mr135{margin-right: 1.35rem;}
.pt90{padding-top: .9rem;}
.pt100{padding-top: 1rem;}
.posr{position: relative;}
.arr_move{width: 0.15rem;}
.arr_down{width: 0.24rem;}
.arr_right{width: 0.15rem;}
.footer-section{margin-bottom:1.4rem;}
.icon-lvl{width: .3rem;}
.icon-bell{width: 0.34rem;}
.icon-zg{display: block;background-size:100%!important;width: 0.34rem;height: 0.2rem;}

.remind{}
.remind .bell-off{
    display: block;
}
.remind.on .bell-off{
    display: none;
}
.remind .bell-on{
    display: none;
}
.remind.on .bell-on{
    display: block;
}

.textbox1{width: 100%;
	border-radius: 0.1rem;
	border: solid 0.02rem #f0f0f0;
	padding-top:.2rem;padding-left:.1rem; 
}
.textbox2{
    width: 100%;
    height: 3.22rem;
    background-color: #f0f0f0;
    border-radius: 0.1rem;
    padding-top:.2rem;padding-left:.1rem; 
}
.ipnut_css1{
    width: 100%;
    height: 0.8rem;
    border-radius: 0.1rem;
    border: solid 0.02rem #f0f0f0;
    text-indent: .2rem;
}
.ipnut_css2{
    width: 100%;
    height: 0.8rem;
    border-radius: 0.1rem;
    border: solid 0.02rem #f0f0f0;
    background: #f0f0f0;
    text-indent: .2rem;
}
.hang_box{height: 0.9rem;}
.bb{border-bottom: 1px solid #f0f0f0;}
/*style end*/
/*遮罩层*/
.mask { display: none; top: 0; left: 0; z-index: 12; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }
.mask { position: fixed; }
.mask_pop.on{
    display: flex;
    align-items: center;
    justify-content: center;
}
.mask_pop,.xiala_popmask { position: fixed; z-index: 12;width:100%;height: 100%;top: 0;left:0;display: none;}
.msg_pop{border-radius: 0.1rem;z-index: 13;background:#fff;min-width: 4rem;max-width: calc(100% - 0.6rem);}
.msg_pop2{border-radius: 0.1rem;z-index: 13;background:#fff;min-width: 4rem;max-width: calc(100% - 2rem);min-width: 5rem;}
.msg_pop_title{text-align: center;padding:.3rem 0;font-size: 0.32rem; font-weight: bold;}
.msg_pop_content{padding:0 0.3rem;text-align: center; padding-bottom:0.4rem;color:#999999;}
.msg_pop2 .msg_pop_content{text-align: left;}
.nodata{padding:.3rem;text-align: center;font-size: 0.24rem;color: #a4b2b9;display: none;}
.nodata:before{content: "没有更多了"}
/*style.css*/
/*btn*/
.like_btn1{width: 1.5rem;height: 0.44rem; font-size: 0.24rem; background-image: linear-gradient(#7ccec8, #7ccec8), linear-gradient(#ff7777, #ff7777);background-blend-mode: normal,  normal;border-radius: 0.1rem;color:#fff;display: flex;align-items: center;justify-content: center;}
.like_btn1:before{content: "";display:block;background:url(../icon/icon-yes.png) center no-repeat;background-size:100%;width: 0.22rem;height: .15rem;}
.like_btn1:after{content: "已关注";margin-left:0.05rem;}
.like_btn2{width: 1.5rem;height: 0.44rem; font-size: 0.24rem; background-image: linear-gradient(#eccd60, #eccd60), linear-gradient(#ff7777, #ff7777);background-blend-mode: normal,  normal;border-radius: 0.1rem;color:#fff;display: flex;align-items: center;justify-content: center;}
.like_btn2:before{content: "";display:block;background:url(../icon/icon-tab.png) center no-repeat;background-size:100%;width: 0.24rem;height: .2rem;}
.like_btn2:after{content: "互相关注";margin-left:0.05rem;}
.like_btn3{width: 1.5rem;height: 0.44rem; font-size: 0.24rem; background-image: linear-gradient(#7ccec8, #7ccec8), linear-gradient(#ff7777, #ff7777);background-blend-mode: normal,  normal;border-radius: 0.1rem;color:#fff;display: flex;align-items: center;justify-content: center;}
.like_btn3:before{content: "";display:block;background:url(../icon/icon-add-white.png) center no-repeat;background-size:100%;width: 0.19rem;height: .19rem;}
.like_btn3:after{content: "关注";margin-left:0.05rem;}

.like_btn4{width: 1.38rem;height: 0.54rem; font-size: 0.24rem; background-image: linear-gradient(#7ccec8, #7ccec8), linear-gradient(#ff7777, #ff7777);background-blend-mode: normal,  normal;border-radius: 0.27rem;color:#fff;display: flex;align-items: center;justify-content: center;}
.like_btn4:before{content: "";display:block;background:url(../icon/icon-yes.png) center no-repeat;background-size:100%;width: 0.22rem;height: .15rem;}
.like_btn4:after{content: "已关注";margin-left:0.05rem;}
.like_btn5{width: 1.38rem;height: 0.54rem; font-size: 0.24rem; background-image: linear-gradient(#eccd60, #eccd60), linear-gradient(#ff7777, #ff7777);background-blend-mode: normal,  normal;border-radius: 0.27rem;color:#fff;display: flex;align-items: center;justify-content: center;}
.like_btn5:before{content: "";display:block;background:url(../icon/icon-tab.png) center no-repeat;background-size:100%;width: 0.24rem;height: .2rem;}
.like_btn5:after{content: "互相关注";margin-left:0.05rem;}
.like_btn6{width: 1.38rem;height: 0.54rem; font-size: 0.24rem; background-image: linear-gradient(#eccd60, #eccd60), linear-gradient(#ff7777, #ff7777);background-blend-mode: normal,  normal;border-radius: 0.27rem;color:#fff;display: flex;align-items: center;justify-content: center;}
.like_btn6:before{content: "";display:block;background:url(../icon/icon-add-white.png) center no-repeat;background-size:100%;width: 0.19rem;height: .19rem;}
.like_btn6:after{content: "关注";margin-left:0.05rem;}
.like_btn:before,.like_btn:after,.like_btn{ transition: all 0.6s;}

.btn1{height: 0.82rem;background-color: #ff7777;border-radius: 0.08rem;display: flex;align-items: center;justify-content: center;width: 100%;color:#fff;box-sizing: border-box;}
.btn2{height: 0.82rem;background-color: #FFF;border-radius: 0.08rem;display: flex;align-items: center;justify-content: center;width: 100%;color:#ff7777;box-sizing: border-box;border:1px solid #ff7777;}
.btn3{height: 0.59rem;background-color: #ff7777;border-radius: 0rem 0rem 0.1rem 0.1rem;display: flex;align-items: center;justify-content: center;width: 100%;color:#fff;box-sizing: border-box;}
.btn4{width: 1.17rem;height: 0.53rem;border:1px solid #ff7777;color: #FFFFFF;display: flex;align-items: center;justify-content: center;background:#ff7777;border-radius:1rem;}
.btn5{width: 1.17rem;height: 0.53rem;border:1px solid #d9d9d9;color: #757575;display: flex;align-items: center;justify-content: center;border-radius:1rem;}
.btn6{height: 0.73rem;width:1.89rem;background-color: #ff7777;border-radius: 0.08rem;display: flex;align-items: center;justify-content: center;color:#fff;box-sizing: border-box;}
.btn7{height: 0.73rem;width:1.89rem;background-color: #FFF;border-radius: 0.08rem;display: flex;align-items: center;justify-content: center;color:#ff7777;box-sizing: border-box;border:1px solid #ff7777;}
/*member*/
.member_info{position: relative;z-index: 4;height: 6.7rem;border-bottom-left-radius:0.2rem;border-bottom-right-radius: 0.2rem;}
.member_navto li{border-bottom:1px solid #f0f0f0;display: flex;justify-content: space-between;align-items: center;height: 1.2rem;box-sizing: border-box;}
.member_navto li .navto_icon{width: .33rem;margin-right:.2rem;display: flex;align-items: center;justify-content: center;}
.member_nav_right span{color:#ff7777;}
.member_nav_right span:after{content: "个";color:#999;}
.member_head{width: 1.3rem;height: 1.3rem;border-radius: 1.3rem;border:1px solid #ff7777;overflow: hidden;}
.member_head img{width:calc(100% - 2px);height(100% - 2px);}
.member_days{height: 0.4rem; border-radius: 0.2rem;border: solid 1px #53cbc2;line-height: .4rem;padding:0 .12rem;font-size: 0.24rem;color:#ff7777;}
.member_days:before{content: "加入情报局";color:#fff;}
.member_days:after{content: "天";color:#fff;}
.member_box{width:calc(100% - 0.6rem);background:#fff;box-shadow: 0rem 0rem 0.07rem 0rem rgba(0, 0, 0, 0.15);border-radius: 0.1rem;display: flex;bottom:-0.5rem;position: absolute;}
.member_box li{flex:1;display: flex;align-items:center;justify-content: center;height: 1.2rem;flex-direction: column;position: relative;}
.member_box li:nth-child(2){
    flex: 2;
}
.member_box li:after{content:"";position: absolute;right: 0;
	width: 1px;
	height: 0.34rem;
	background-color: #999999;
	opacity: 0.5;
}
.member_box li:last-child:after{content: "";display: none;}
.member_score{background-color: #ff6d00;border-radius: 0.04rem;padding:0.05rem;}
.camera{width: 0.37rem;}
.member_hz_list li{width: .24rem;height: .24rem; display: flex;align-items: center;justify-content: center; margin-right: 0.1rem;}
.member_hz_list li img{display: block;max-width: 100%;max-height: 100%;}
.member_hz_list{height: .24rem;margin-top:.2rem;}
.member_sex{width: 0.3rem;
	height: 0.3rem;
	background-color: #ffffff;border-radius: 0.3rem;
	display: flex;align-items:center;justify-content: center;margin-left:.1rem;
}
.member_sex img{width: 0.2rem;}



/*member end*/

/*login*/
.logon_logo {width: 1.6rem;}
.login_title{font-size: 0.5rem;}
.login_bb{position: relative;display: inline;}
.login_bb span{position: relative;z-index: 2;}
.login_bb:after{content: "";
	position: absolute;
	width: 100%;
	height: 0.1rem;
	background-color: #ff7777;
	border-radius: 0.05rem;
	display: block;
	bottom:0.075rem;
	z-index: 1;
}
.login_input{height: 0.95rem;border-bottom:1px solid #f0f0f0;width: 100%; font-size: 0.26rem; user-selmsg_tzect: text; display: block;
    cursor: pointer;}
.yzm_box{position: relative;}
.yzm_box .yzm{position:absolute;right: 0;z-index: 2;
    cursor: pointer; top: 0.24rem;
	height: 0.46rem;background-color: #ff7777;border-radius: 0.23rem;line-height: .46rem;padding:0 0.2rem;color:#fff;}
.yzm.on{background-color: #999999;}
.lines{display: flex;align-items: center;justify-content: center;margin-top:0.6rem;}
.lines:before,.lines:after{content:"";width: 2.2rem;height:1px;background-color: #cccccc;display: block;}
.three {display: flex;justify-content: center;margin-top:.6rem;}
.three li {margin:0 0.5rem;}
.three li img {width: .6rem;height: .6rem;}
.login_input_box{position: relative;}
.eyes{position: absolute;z-index: 3;height: .67rem;width: .35rem;right:0;bottom:0;background:url(../icon/eyes.png) center no-repeat;background-size:.34rem auto;transition: background 0.5s;}
.eyes.on{background:url(../icon/eyes_on.png) center no-repeat;background-size:.34rem auto;transition: all 0.5s;}
/*login end*/

/*msg*/
.msg_title_img{width: 1rem;
	height: 1rem;
	border: solid 0.02rem #ff7777;border-radius: 0.5rem; overflow: hidden;}
/*.msg_list li{padding:0.3rem 0;width: 100%;overflow: scroll;}*/
.msg_list li{padding:0.3rem 0;width: 100%;}
.msg_list li.del{position: relative;left:-100%;transition: all 1s;opacity: 0;height:0;padding:0;}
.msg_tz li.del{position: relative;left:-100%;transition: all 1s;opacity: 0;height:0;padding:0;}
/*.msg_box{white-space: nowrap;max-width:200%;display: flex; width:calc(100% + 1.2rem);}*/
.msg_box{white-space: nowrap;max-width:200%;display: flex;}
/*.msg_content{width:calc(100% - 0.85rem);padding:0 0.3rem;box-sizing: border-box;display: flex;}*/
.msg_content{width:100%;padding:0 0.3rem;box-sizing: border-box;display: flex;}
.msg_detail{padding-left:0.2rem;width: calc(100% - 1rem);}
.msg_list li .msg_radio{margin-left:0;width: 0;float: left;transition: width 0.5s;}
.msg_list li.bj .msg_radio{
	margin-left:0.3rem;width: .52rem;height: 1.2rem;
	background:url(../icon/check.png) center no-repeat;background-size:.44rem auto;
	transition: width 0.5s;
}
.msg_radio.on{
	background:url(../icon/check_on.png) center no-repeat;background-size:.44rem auto;
	transition: background 0.5s;}
.msg_delete{width: 1.2rem;height: 1.2rem;background:#ff7777;display: flex;align-items: center;justify-content: center;}
.msg_list li.bj .msg_delete{display: none;}
.msg_list li.bj {overflow: hidden;}

.bj_footer{position: fixed;bottom:-0.6rem;z-index: 5;height: 0.6rem;padding:0 0.3rem;width: 100%; background-color: #f0f0f0;display: flex;align-items: center;justify-content: space-between;transition:bottom 0.3s;}
.bj_footer.bj{bottom:0;transition:bottom 0.3s;}
.all_radio{background:url(../icon/radio.png) left center no-repeat;background-size:.3rem auto;padding-left:.44rem;}
.msg_count{width: 0.26rem;
    height: 0.26rem;
    background-color: #ff7777;font-size: 0.18rem;color:#fff;border-radius: 0.18rem;display: flex;align-items: center;justify-content: center;}
.msg_text span{max-width: calc(100% - .5rem);display: block;}
/*msg end*/

/*setting*/
.setting_option li{border-bottom: 1px solid #f0f0f0;height:1rem;box-sizing: border-box;}
.setting_html{height:calc(100vh - 1.6rem); position: relative;}
.setting_html .btn1 {position: absolute;bottom:0.3rem;width:calc(100% - 0.6rem);}
/*setting end*/
/*yijian*/
.yj_type{display: flex;flex-wrap: wrap;}
.yj_type li{padding:0.05rem 0.1rem;border-radius: 0.1rem;border: solid 0.02rem #999999;color:#999;position: relative;margin-right: .3rem;margin-bottom: .3rem;}
.yj_type li.on{border: solid 0.02rem #ff7777;}
.yj_type li.on:after{content: "";background:url(../icon/option_check.png)  center no-repeat;background-size:0.3rem auto;width: .3rem;height: .3rem;display: block;position: absolute;bottom:0;right: -0.02rem;}

.activity-detail{
    
}
.activity-detail textarea{
    width: 100%;
    line-height: 0.4rem;
    font-size: 0.24rem;
    height: 1.9rem;
}
.activity-detail textarea::placeholder{
    color: #999999;
}
.activity-detail ul{
    display: flex;
    flex-wrap: wrap;
}
.activity-detail ul li{
    width: 30%;
    height: 2.1rem;
    border-radius: 5px;
    margin-right: 5%;
    position: relative;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.activity-detail ul li:nth-child(3n){
    margin-right: 0;
}
.activity-detail ul li img{
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}

.activity-detail ul li .delete{
    display: inline-block;
    width: 0.36rem;
    height: 0.36rem;
    position: absolute;
    right: -0.1rem;
    top: -0.1rem;
    z-index: 9;
    background: url("../icon/icon-upload-close.png") center no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.activity-detail ul li.choose-pic{
    border: 1px #dedede solid;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.activity-detail ul li.choose-pic .pic-icon{
    display: block;
    padding-top: 0.6rem;
    background: url("../icon/icon-media.png") center top no-repeat;
    background-size: auto 0.46rem;
    font-size: 0.26rem;
    color: #666666;
    text-align: center;
}
/*yijian end*/

/*about*/
.about_logo{width: 2.2rem;
	height: 2.2rem;
	border-radius: 0.3rem;
	box-shadow: 0rem 0.18rem 0.59rem 0rem 
		rgba(15, 3, 5, 0.09);}
.about_footer{width: 100%;display: flex;align-items: center;justify-content: center;color:#ff7777;}
.about_footer span{margin:0 0.2rem;
    cursor: pointer;}
/*about end*/


/*yijian_list*/
.yj_list li{display: flex;border-bottom: 1px solid #f0f0f0;padding:.3rem 0;}
.yj_list li .yjimg {width: 1.5rem;height: 1.5rem; padding-right:.2rem;display: flex;align-items: center;justify-content: center;}
.yj_list li .yjimg img{width: 100%;border-radius: .1rem;}
.yj_list li .yjContent{flex:1;}
.yj_state{height: 0.26rem;font-size:.2rem;border-radius: 0.04rem;line-height: .26rem;padding:0 .1rem;}
.yj_state1{background-color: #ff77771a;color: #ff7777;}
.yj_state1:before{content:"处理中";}
.yj_state2{background-color: #9999991a;color: #999;}
.yj_state2:before{content:"已解决";}
.yj_state3{background-color: #9999991a;color: #999;}
.yj_state3:before{content:"已解决";}
/*yijian_list end*/

/*account*/
.account_box{display: flex;justify-content: space-between;align-items: center;height: 1rem;padding-left:0.1rem;}
.account_box .bang-name{width: 0.6rem;}
.account_img{width: .6rem;display: flex;align-items: center;}
.three_bang .on{display: none;}
.three_bang.active .account_img .on{display: block;}
.three_bang.active .account_img .off{display: none;}
.three_bang .btn5{display: none;}
.three_bang.active .btn5{display: flex;}
.three_bang.active .btn4{display: none;}
/*account end*/

/* 修改绑定手机 */
.input-list{
    display: flex;
    height: 0.95rem;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
}
.input-list p{
    font-size: 0.28rem;
    color: #333333;
    width: 1.9rem;
}
.input-list .line_center{
    width: calc(100% - 1.9rem);
    font-size: 0.28rem;
    color: #333333;
}
.input-list .line_center input{
    border-bottom: none;
}
/* 修改绑定手机 end */

/*myLike*/
.userType_list{display: flex;align-items: center;justify-content: center; border-bottom: 1px #f0f0f0 solid; padding-bottom: 0.03rem}
.userType_list li{height: .88rem;line-height: .88rem;position: relative;padding:0 0.25rem;font-size: 0.3rem;color: #999999;}
.userType_list li:before{content:"";width: 0;transition: width 0.3s;}
.userType_list li.on{color:#ff7777;transition: 0.3s; font-weight: bold;}
.userType_list li.on:before{content:"";position: absolute;width: 100%;bottom:0;left:0; display: block;height: 0.05rem;background-image: linear-gradient(
        #ff7777, 
        #ff7777), 
    linear-gradient(
        #000000, 
        #000000);
    background-blend-mode: normal, 
        normal;
    border-radius: 0.02rem;}
.usesrLike_list li{display: flex;justify-content: space-between;align-items: center;padding:0.2rem 0;position: relative;left:0;height: 1.4rem;}
.like_content{width: calc(100% - 1.8rem);display: flex;align-items: center;}
.like_content .member_head{width: .8rem;height: .8rem;}
.like_details{margin-left:0.2rem;width: calc(100% - 1rem);}
.usesrLike_list{transition: height 0.5s;}
.usesrLike_list li.del{position: relative;left:-100%;transition: all 1s;opacity: 0;height:0;padding:0;transition-delay:0.3s;}
.usesrLike_list li.del .like_btn{transition: all 0.3s;opacity: 0;}
.icon-hz{width: .24rem;height: .24rem;}
/*myLike end*/

/*myActivity*/
.userType_list2{display: flex;align-items: center;justify-content: center; border-bottom: 1px #f1f1f1 solid; padding-top: 0.1rem; padding-bottom: 0.05rem;}
.userType_list2 li{height: .88rem;line-height: .88rem;position: relative;margin:0 0.23rem;font-size: 0.3rem; color: #999999;}
.userType_list2 li:before{content:"";width: 0;transition: width 0.3s;}
.userType_list2 li.on{color:#ff7777;transition: 0.3s;font-weight: bold;}
.userType_list2 li.on:before{content:"";position: absolute;width: 100%;bottom:0;left:0; display: block;height: 0.05rem;
    background-image: linear-gradient(#ff7777, #ff7777), linear-gradient(#000000, #000000);
    background-blend-mode: normal, normal; border-radius: 0.02rem;}

.act_btn1{
    width: 1.1rem;
    height: 0.36rem;
    border-radius: 0.36rem;
    border: solid 1px #ff7777;
    display: flex;align-items: center;justify-content: center;font-size: 0.22rem;color: #ff7777;
}
/*myActivity end*/

/*activity_eva */
.activity_eva_box{padding-top:2rem;}
.eva_lvl{display: flex;align-items: center;justify-content: center; margin-top: .3rem;}
.eva_lvl li{
    background: url(../icon/icon-lvl.png) center no-repeat;
    width: 0.43rem;
    height: 0.43rem;
    background-size:100%;
    margin:0 .1rem;
}
.eva_lvl li.on{
    background: url(../icon/icon-lvl_on.png) center no-repeat;
    background-size:100%;
}
/*activity_eva end*/


/*我的收藏*/
.activity-list.collection-list ul li .flex-div{
    height: 1.8rem;
}
.activity-list.collection-list ul li .act-img{
    width: 2.23rem;
    height: 1.8rem;
    margin-left: 0.2rem;
}
.activity-list.collection-list ul li .act-info{
    /*width: calc(100% - 2.6rem);*/
    flex: 1;
}
.collection-title{height: 1.25rem;line-height: 0.4rem;}
/*我的收藏 end*/

/*帖子*/

/*帖子*/

/*bubble */
.bubble_list li{border-bottom: 1px solid #f0f0f0;padding:0.2rem 0;}
/*bubble end*/

/*hz*/
.hz_list li{border-bottom: 1px solid #f0f0f0;padding:0.3rem 0;}
.hz_list li .hz-img{width: .44rem;height: .44rem; display: flex;align-items: center;justify-content: center;}
.hz_list li .hz-img img{ display: block;max-width: 100%;max-height: 100%;}
/*hz end*/

/*member_info*/
.info .member_head{width: 0.6rem;
    height: 0.6rem;}
.select_Pbox{position: absolute;width: 100%;bottom:-7rem;padding:0.3rem;z-index: 13;transition:all 1s;}
.select_Pbox.on{bottom:0rem;}
.select_option{
    overflow: scroll;
    border-radius: 0.08rem;
    max-height: 5rem;
}
/*member_info*/

/* about */
.aboutContent{
    font-size: 0.28rem;
    line-height: 0.48rem;
    color: #333333;
    padding: 0 0.3rem;
}
.t_2em{
    text-indent: 2em;
}
.content-list{
    border-top: 0.25rem #f0f0f0 solid;
    padding: 0 0.3rem;
}
.content-list .icon{
    height: 0.9rem;
    line-height: 0.9rem;
    padding-left: 0.45rem;
    font-weight: normal;
}
.content-list .icon1{
    background: url("../icon/icon-about1.png") left center no-repeat;
    background-size: auto 0.25rem;
}
.content-list .icon2{
    background: url("../icon/icon-about2.png") left center no-repeat;
    background-size: auto 0.24rem;
}
.content-list .icon3{
    background: url("../icon/icon-about3.png") left center no-repeat;
    background-size: auto 0.29rem;
}
.content-list .icon4{
    background: url("../icon/icon-about4.png") left center no-repeat;
    background-size: auto 0.28rem;
}
.content-list .icon5{
    background: url("../icon/icon-about5.png") left center no-repeat;
    background-size: auto 0.34rem;
}
.content-list .icon6{
    background: url("../icon/icon-about6.png") left center no-repeat;
    background-size: auto 0.34rem;
}
.content-list .icon7{
    background: url("../icon/icon-about7.png") left center no-repeat;
    background-size: auto 0.34rem;
}
.content-list .content{
    font-size: 0.28rem;
    line-height: 0.48rem;
    color: #333333;
    padding-bottom: 0.2rem;
}

/* about end */

/*myActivity*/
.userType_list3{display: flex;align-items: center;justify-content: space-between;padding:0 1.2rem 0.03rem; border-bottom: 1px #f0f0f0 solid;}
.userType_list3 li{height: .88rem;line-height: .88rem;position: relative;margin:0 0.23rem;font-size: 0.28rem;color: #999999;}
.userType_list3 li:after{content:"";width: 0;transition: width 0.3s;}
.userType_list3 li.on{color:#ff7777;transition: 0.3s; font-weight: bold;}
.userType_list3 li.on:after{content:"";position: absolute;width: 100%;bottom:0.05rem;left:0; display: block;height: 0.05rem;background-image: linear-gradient(
        #ff7777, 
        #ff7777), 
    linear-gradient(
        #000000, 
        #000000);
    background-blend-mode: normal, 
        normal;
    border-radius: 0.02rem;}
/*我赞过的 end*/

/*pages*/
.page_box{height:0;overflow: hidden; opacity:0;transition: opacity 0.5s;}
.page_box.on{height:auto;opacity:1;transition: opacity 0.5s;}

/*完善个人信息*/
.pop1 {
    position: relative;
    z-index: 13;
    background-color: #ffffff;
    box-sizing: border-box;
    border: solid 1px #cccccc;
    border-radius: 0.2rem;
    padding: .47rem .43rem;
}
.popup_box {
    width: calc(100% - 0.6rem);
}

.perfect_box .member_head{
    width: 1.78rem;
    height: 1.78rem;
    margin: 1rem auto 0.3rem;
    border-radius: 50%;
    overflow: initial;
    position: relative;
}
.perfect_box .member_head .upload-icon{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0.5rem;
    height: 0.5rem;
    background: url("../icon/icon-take.png") center no-repeat;
    background-size: auto 0.5rem;
    cursor: pointer;
    z-index: 9;
}
.main-s:before{content: "*";color:#ff7777;margin-right: 0.07rem;}
.main-m:before{content: "*";color:#fff;margin-right: 0.07rem;}
.perfect_sex li{
    box-sizing: border-box;
    width: 1rem;
    height: 0.44rem;
    border-radius: 0.04rem;
    border: solid 0.02rem #ff7777;
    color:#ff7777;
    display: flex;align-items: center;justify-content: center;
    margin:0 0.15rem;font-size: .3rem;
    transition:background 0.5s ease-in;
}
.perfect_sex li.on{
    box-sizing: border-box;
    width: 1rem;
    height: 0.44rem;
    border-radius: 0.04rem;
    border: solid 0.02rem #ff7777;
    background:#ff7777;
    color:#fff;
}
.perfect_sex li .sex_b{
    background:url(../icon/sex2.png) no-repeat center;
    background-size:100%;
    width: .3rem;height: .33rem; margin-right: .1rem;
}
.perfect_sex li.on .sex_b{
    background:url(../icon/sex4.png) no-repeat center;
    background-size:100%;
    width: .3rem;height: .33rem; 
}
.perfect_sex li .sex_g{
    background:url(../icon/sex1.png) no-repeat center;
    background-size:100%;
    width: .3rem;height: .31rem; margin-right: .1rem;
}
.perfect_sex li.on .sex_g{
    background:url(../icon/sex3.png) no-repeat center;
    background-size:100%;
    width: .3rem;height: .31rem; 
}
.perfect_carams{width: 3.8rem;height: 3.8rem;margin:1rem auto;background:url(../icon/caram_border.png) no-repeat center;background-size: cover;}
.carams_box{width: 3.8rem;height: 3.8rem;display: flex;align-items: center;justify-content: center;flex-direction: column;
    position: relative;
}
.carams_box .info-info{
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.carams_box .info-info img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.carams_box .info-info .camera{
    position: absolute;
    z-index: 9;
}
/*完善个人信息 end*/

/*通知*/
.msg_tz_li{display: flex;}
.tz_content{width: calc(100% - 1.2rem);margin-left: .2rem;padding-bottom: .2rem;}
.system_box{margin-left:.2rem; background-color: #f7f7f7;border-radius: 0.1rem;padding:.15rem;width: auto;display: inline-block;max-width: 75%;position: relative;}
.system_box:before{
    content: "";
    display:block;
    width:0;
    height:0;
    border-top:.1rem solid transparent;
    border-bottom:.1rem solid transparent;
    border-right:.12rem solid #f7f7f7;
    position: absolute;
    left:-.12rem;
    top:.2rem;
}
/*通知 end*/

/*我的积分*/
.icon-qs{width: .16rem;}
.score_box{background-color: #f0f0f0;border-radius: 0.1rem;padding:0.2rem;}
.srcore_detail{width:calc(100% - 0.4rem);}
.srcore_detail img{width: 0.8rem;
    height: 0.8rem;
    background-color: #ffffff;
    border-radius: 0.1rem;}
.s_tips{color: #53cbc2;height: 0.25rem;padding:0 0.06rem;background-color: #53cbc21a;border-radius: 0.04rem;display: inline-block;}
.score_t{height: .8rem;width:calc(100% - 1rem);margin-left: .2rem;}
/*我的积分 end*/


/* 城市搜索关键字 */
.search-city{
    border: 1px #eeeeee solid;
    border-radius: 0.7rem;
    height: 0.7rem;
    margin-top: 0.3rem;
    padding: 0 0.3rem;
    margin-bottom: 0.3rem;
}
.search-city input{
    width: 100%;
    height: 100%;
    line-height: 1;
    background: url("../icon/icon-search2.png") left center no-repeat;
    background-size: auto 0.32rem;
    padding-left: 0.5rem;
}
.search-city input::placeholder{
    color: #cccccc;
}
/* 城市搜索关键字 end */

.bubble{}
.bubble span{
    display: inline;
}



/****************************************************************************************************************************************************************/

/*比赛*/


/*比赛详情 match_detail*/
.match_box{
    width: 100%;
    height: 3.8rem;
    padding-top:1.8rem;
    position: relative;
}
.match_box2{
    width: 100%;
    height: 4rem;
    padding-left:.3rem;
    padding-right: .3rem;
    padding-top:1.5rem;
    position: relative;
}
.match_box3{
    width: 100%;
    height: 4.2rem;
    padding-left:.3rem;
    padding-right: .3rem;
    padding-top: 0.6rem;
}


.match_tx{width: 1.2rem;height: 1.2rem; border-radius: 50%;}
.match_header_detail{}
.match_tips1 {font-size: .22rem;width: 1.3rem;height: 0.34rem;border-radius: 0.055rem;display: flex;align-items: center;justify-content: center;}
.match_tips1.being {background-color: #ff7777;}
.match_tips1.end {background-color: #999999;}
.icon-live{background: url(../icon/icon-live.png) center no-repeat;background-size:100% 100%;width: 0.2rem;height: 0.14rem;display: block;}
.article{line-height: 0.49rem;color: #545454;}
.article span{
    display: inline!important;
}
.article_noeindent{line-height: 0.49rem;color: #545454;}
.gt_box{height:calc(100vh - 4.7rem);display: flex;}
.gt_left{width: 1.6rem;background-color: #f7f7f7;height: 100%;  overflow-y: auto}
.gt_left li{height: 0.9rem;font-size: 0.26rem;display: flex;align-items: center;justify-content: center;}
.gt_left li.on{color: #ff7777;transition: color 0.5s;background: #fff;}
.gt_team{width:calc(100% - 1.6rem);background: #fff;height: 100%;padding:0 0.3rem; overflow-y: auto}
.gt_team li{padding:0.2rem 0;border-bottom: 1px solid #f0f0f0;display: flex;justify-content: space-between;align-items: center;}
.gt_team .team_box{width:calc(100% - 0.3rem);display: flex;align-items: center;}
.gt_team .team_img{width: .5rem;height: .5rem;margin-right: .2rem;}
.gt_team .team_details{width:calc(100% - .7rem);}
.matchNew_list li{border-bottom: 1px solid #f0f0f0;padding:.3rem 0;display: flex;align-items: center;justify-content: space-between;}
.mn_img{
    width: 2.23rem;
    height: 1.8rem;
    border-radius: 0.1rem;
    display:flex;align-items: center;justify-content: flex-start;
}
.mn_img{width: auto;height: auto;max-width:  2.23rem;max-height: 1.8rem; }
.mn_box{width: calc(100% - 2.43rem);height: 1.8rem;position: relative;}
.mn_time{color:#9999997a;position: absolute;bottom:0;width: 100%}
/*比赛详情 match_detail end*/

/*队伍详情*/
.coach_img{width: 0.6rem;height: 0.6rem;border-radius: 0.3rem;}
.team_member{display: flex;}
.tm_name{width: calc(100% - 3rem);display: flex;align-items: center;justify-content: flex-start;}
.tm_time{width:1.2rem;display: flex;align-items: center;justify-content: center;}
.tm_gps{width:1.8rem;display: flex;align-items: center;justify-content: center;}
.tm_img{width: 0.5rem;height: 0.5rem;border-radius: 0.25rem;}
.tm_tx{width: 1rem;
    height: 1rem;border-radius: 0.5rem;}
.ry_img{    
    width: 0.8rem;
    height: 0.8rem;
    /*border-radius: 0.4rem;*/
    /*border: solid 0.02rem #ff7777;*/
    overflow:hidden;
    margin-right: 0.25rem;
}
.ry_img img{width: 100%;}
.ry_detail{width:calc(100% - 1.05rem);}
.team_ry_list li{display: flex; padding:.2rem 0;border-bottom: 1px solid #f0f0f0;}
/*队伍详情 end*/


/*队员详情*/
.tm_title{width: 1.2rem;}
.tmry li{border-bottom: 1px #f0f0f0 solid;}
.tmry li:last-child{border-bottom: none;}
.tmry .trmy_img{width: 1.2rem;display: flex;align-items:center;flex-direction: column;margin-top: .2rem;}
.trmy_img img {max-width: 1.2rem;height: auto;}
/*队员详情 end*/


/*队员生涯*/
.sy_list{}
.sy_time {height: 0.6rem;background-color: #f0f0f0;display: flex;align-items: center;justify-content: space-between;}
.w25{width: 25%;padding:0.1rem;display: flex;align-items: center;justify-content: center;flex-direction: column;}
/*队员生涯 end*/


/* 选择兴趣 */
.interest-section{
    padding: 0.3rem 0.3rem 1.4rem;
}
.interest{
    margin-bottom: 0.25rem;
}
.interest .common-title{
    padding: 0;
    margin-bottom: 0.1rem;
}
.interest .common-title h6{
    font-size: 0.32rem;
}
.interest ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.interest ul li{
    width: 22%;
    border: 1px #cccccc solid;
    padding: 0.1rem 0;
    border-radius: 5px;
    margin: 0.065rem 4% 0.065rem 0;
}
.interest ul li a{
    display: flex;
    width: 100%;
    height: 100%;
    line-height: 0.28rem;
    align-items: center;
    justify-content: center;
    font-size: 0.26rem;
    color: #666666;
    text-align: center;
}
.interest ul li:nth-child(4n){
    margin-right: 0;
}
.interest ul li.on{
    background: #ff7777;
    border: 1px #ff7777 solid;
}
.interest ul li.on a{
    color: #fff;
}
/* 选择兴趣 end */


/*赛事首页*/
.match_top{
    width: 100%;
    background:#fff;
    border-bottom: 1px #f0f0f0 solid;
    -webkit-overflow-scrolling: touch;
}
.match_top_type{
    width: 1.3rem;
    height: 0.6rem;
    border: solid 1px #ff7777;
    color:#ff7777;
    display:flex;align-items: center;justify-content:center;
}
.match_top_type.on{background:#ff7777;color:#fff;}
.match_top_type:first-child{border-top-left-radius:.1rem;border-bottom-left-radius: .1rem;}
.match_top_type:last-child{border-top-right-radius:.1rem;border-bottom-right-radius: .1rem;}
.math_area_type{}



.math_list_type,.math_area_type{
    height: 0.8rem;
    background-color: #ffffff;
    box-shadow: 0rem 0rem 0.08rem 0rem
    rgba(0, 0, 0, 0.03);
    overflow-x: scroll;
    padding:0 0.3rem;
    white-space: nowrap;
}
.math_list_type li,.math_area_type li{height: .71rem;line-height: .71rem;position: relative;margin-right:0.4rem;font-size: 0.26rem;display: inline-block;color:#666;}
.math_list_type li:before,.math_area_type li:before{content:"";width: 0;transition: width 0.3s;}
.math_list_type li.on,.math_area_type li.on{color:#ff7777;transition: 0.3s; font-weight: bold;}
.math_list_type li.on:before,.math_area_type li.on:before{content:"";position: absolute;width: 100%;bottom:0;left:0; display: block;height: 0.05rem;background-image: linear-gradient(
        #ff7777,
        #ff7777),
linear-gradient(
        #000000,
        #000000);
    background-blend-mode: normal,
    normal;
    border-radius: 0.02rem;}

.match_li{
    background-color: #ffffff;
    /*box-shadow: 0.015rem 0.026rem 0.54rem 0rem rgba(0, 0, 0, 0.1);*/
    border-radius: 0.1rem;
    padding:0.15rem 0;
    /*margin-bottom:0.3rem;*/
    min-height: 1.7rem;
    border-bottom: 1px #F5F5F5 solid;
}
.match_details{width:3rem;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.match_details .bell .bell-off{ display: block;}
.match_details .bell.on .bell-off{ display: none;}
.match_details .bell .bell-on{ display: none;}
.match_details .bell.on .bell-on{ display: block;}



.match_team{
    width: calc((100% - 3rem) / 2);display: flex;align-items: center;justify-content: flex-start;flex-direction: column;
}
.pd10{
    padding: 0 0.1rem;
}
.match_team .name{ width: calc(100% - 0.5rem); height: 0.34rem; display: inline-block; text-align: right;}
.match_team .node{ width: 0.3rem; height: 0.34rem; display: inline-block;}
.match_team .node1{
    background: url('../icon/icon-node1.png') center no-repeat;
    background-size: auto 0.34rem;
}
.match_team .node2{
    background: url('../icon/icon-node2.png') center no-repeat;
    background-size: auto 0.34rem;
}
.match_team .node3{
    background: url('../icon/icon-node3.png') center no-repeat;
    background-size: auto 0.31rem;
}
.match_team .node4{
    background: url('../icon/icon-node4.png') center no-repeat;
    background-size: 0.3rem auto;
}
.match_team .node5{
    background: url('../icon/icon-node5.png') center no-repeat;
    background-size: auto 0.3rem;
}
.match_li .match_team .line_center{
    width: 100%;
    justify-content: flex-end;
}
.match_li .match_team:last-child .line_center{
    justify-content: flex-start;
}
.match_li .match_team:last-child .name{
    text-align: left;
}

.match_li .match_team .bell-off{
    display: block;
}
.match_li .match_team .bell-on{
    display: none;
}
.match_li .match_team .bell-status.on .bell-off{
    display: none;
}
.match_li .match_team .bell-status.on .bell-on{
    display: block;
}

.match-outs{
    padding: 0.2rem 0.3rem 0.3rem;
    border-bottom: 0.15rem #f0f0f0 solid;
}
.match-outs ul li{
    border-bottom: 1px #f0f0f0 solid;
    padding: 0.25rem 0;
}

.match-outs .outs-detail{
    display: flex;
    justify-content: space-between;
}
.outs-detail .outs-img{
    width: 2.3rem;
    height: 1.8rem;
}
.outs-detail .outs-info{
    width: calc(100% - 2.5rem);
    font-size: 0.26rem;
    color: #666666;
    line-height: 0.4rem;
}
.outs-detail .outs-info .info{
    height: 1.2rem;
}
.outs-detail .flex-div{
    display: flex;
    justify-content: space-between;
    margin-top: 0.2rem;
    font-size: 0.22rem;
    color: #999999;
}



.match_team_img{width: 0.8rem;height: 0.8rem;border-radius: 0.4rem;}
.match_score{font-size: 0.42rem;color: #ff7777;font-weight: bold;}
.match_list1{}
/* 赛事首页 end */

/* 赛季 分类 */

.match-kinds{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.match-kinds .choose-season{}
.season-select{
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../icon/icon-arr-down.png") calc(100% - 0.05rem) center no-repeat;
    background-size: auto 0.12rem;
    padding-right: 0.3rem;
    font-size: 0.24rem;
    color: #999999;
    outline: none;

}
.match-kinds .kinds-choose{
    border: 1px #ff7777 solid;
    border-radius: 0.1rem;
    width: calc(100% - 1.6rem);
    margin-right: 0.3rem;
}
.match-kinds .kinds-choose ul{
    display: flex;
}
.match-kinds .kinds-choose ul li{
    width: 33.33%;
    height: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px #ff7777 solid;
    font-size: 0.26rem;
    color: #ff7777;
}
.match-kinds .kinds-choose ul li:first-child{
    border-left: none;
}
.match-kinds .kinds-choose ul li.on{
    background: #ff7777;
    color: #fff;
}

/* 赛季 分类 end */

/* 赛程 */
.select-match{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.15rem 0 0;
    position: relative;
}
.select-match .season-select-choose{
    position: absolute;
    opacity: 0;
    z-index: 9;
}

.schedule{}
.schedule li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0.9rem;
    padding-top: 0.2rem;
    border-bottom: 1px #f0f0f0 solid;
    font-size: 0.24rem;
    color: #666666;
}
.schedule li .time{
    width: 1.8rem;
    font-size: 0.24rem;
    color: #666666;
    text-align: center;
}
.schedule li .schedule-team{
    width: calc(100% - 1.8rem);
    display: flex;
    align-items: center;
    justify-content: center;
}
.schedule li .schedule-team .team-score{
    width: 1.2rem;
    text-align: center;
}
.schedule li .schedule-team .team{
    display: flex;
    width: calc((100% - 1.1rem) / 2);
    align-items: center;
}
.schedule li .schedule-team .flex-end{
    justify-content: flex-end;
}
.schedule li .schedule-team .flex-start{
    justify-content: flex-start;
}
.schedule li .schedule-team .team-icon{
    width: 0.35rem;
    height: 0.35rem;
    border-radius: 50%;
}
.schedule li .schedule-team .team p{
    width: calc(100% - 0.45rem);
}
/* 赛程 end */

/* 球员榜 */
.rank-view{
    display: flex;
    padding-top: 0.3rem;
}
.rank-view .rank-label{
    width: 1.6rem;
    padding-top: 0.1rem;
    background: #f7f7f7;
    padding-bottom: 1.4rem;
}
.rank-view .rank-label ul{
    height: 100%;
    overflow-y: auto;
}
.rank-view .rank-label ul li{
    height: 0.9rem;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 0.26rem;
    color: #333333;
}
.rank-view .rank-label ul li.on{
    background: #fff;
    color: #ff7777;
}

.rank-view .rank-item{
    width: calc(100% - 1.6rem);
    background: #fff;
    padding: 0.2rem 0 1.4rem 0;
}
.rank-item .wt1{
    width: 60%;
    text-align: center;
}
.rank-item .wt2{
    width: 25%;
    text-align: center;
}
.rank-item .wt3{
    width: 15%;
    text-align: center;
}
.rank-item .item-name{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.5rem;
    padding-top: 0.1rem;
    font-size: 0.26rem;
    color: #999999;
}
.rank-item ul{
    height: calc(100% - 0.4rem);
    overflow-y: auto;
}
.rank-item ul li{
    font-size: 0.22rem;
    color: #666666;
    display: flex;
    align-items: center;
    padding: 0.2rem 0;
    height: 0.9rem;
    border-bottom: 1px #f0f0f0 solid;
}
.rank-item ul li .wt1{
    display: flex;
    align-items: center;
}
.rank-item ul li h6{
    width: 0.6rem;
    font-weight: normal;
}
.rank-item ul li .member-info{
    display: flex;
    align-items: center;
    width: calc(100% - 0.6rem);
}
.rank-item ul li .info-icon{
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
}
.rank-item ul li .name{
    width: calc(100% - 0.65rem);
    text-align: left;
}
/* 球员榜 end */

/* 小组赛 */
.area-view{
    padding: 0.25rem 0.3rem;
}
.area-title{
    font-size: 0.28rem;
    color: #333333;
    font-weight: bold;
}
.area-match{}
.area-match li{
    display: flex;
    margin-bottom: 0.1rem;
}
.area-match li .flex-li{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: space-between;
}
.area-match li .flex-li .flex-match{
    width: 100%;
    display: flex;
}
.area-match li .flex-li .flex-match .flex-match-school{
    font-size: 0.16rem;
    text-align: center;
    flex: 1;
}
/* 学校图标 */
.area-match li .flex-li .school-icon{
    border-radius: 50%;
    display: block;
    margin: 0 auto 0.1rem;
}
.area-match li.flex8 .flex-li .school-icon{
    width: 0.48rem;
    height: 0.48rem;
}
.area-match li.flex4 .flex-li .school-icon{
    width: 0.6rem;
    height: 0.6rem;
}
.area-match li.flex2 .flex-li .school-icon{
    width: 0.68rem;
    height: 0.68rem;
}

/* 学校名称大小 */
.area-match li.flex8 .flex-li .flex-match-school{
    font-size: 0.16rem;
}
.area-match li.flex4 .flex-li .flex-match-school{
    font-size: 0.22rem;
}
.area-match li.flex2 .flex-li .flex-match-school{
    font-size: 0.24rem;
}

.area-match li.flex-4center{
    display: flex;
    justify-content: space-between;
}
.area-match li.flex-4center .flex-li{
    width: 38%;
    flex: none;
}

.area-match li.flex-3center{
    display: flex;
    justify-content: center;
}
.area-match li.flex-3center .flex-li{
    width: 45%;
    flex: none;
}



/* 学校比分 */
.area-match li .flex-li .flex-match-score{
    width: 50%;
    margin: 0.1rem auto;
    border: 1px #999999 solid;
    border-top: none;
    color: #666666;
    text-align: center;
    font-size: 0.18rem;
}
.area-match li.flex8 .flex-li .flex-match-score{
    font-size: 0.2rem;
}
.area-match li.flex4 .flex-li .flex-match-score{
    font-size: 0.22rem;
}
.area-match li.flex2 .flex-li .flex-match-score{
    font-size: 0.24rem;
}
.area-match li .flex-li .flex-match-score{
    font-family: Arial;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
}
.area-match li .flex-li .flex-match-score p{
    width: 100%;
}
.area-match li .flex-li .flex-match-score .win{
    color: #ff7777;
}

/* 中间区域 */
.area-match li.flex-centre{
    display: block;
}
.area-match li.flex-centre .flex-li .flex-match-school{
    font-size: 0.3rem;
    position: relative;
}
.area-match li.flex-centre .flex-li .school-icon{
    width: 0.84rem;
    height: 0.84rem;
}
.area-match li.flex-centre .flex-centre-score{
    text-align: center;
    padding: 0.1rem 0;
    font-size: 0.26rem;
}
.area-match li.flex-centre .flex-centre-score .win{
    color: #ff7777;
}
.area-match li.flex-centre .flex-match-school .win{
    width: 0.44rem;
    height: 0.44rem;
    background: url("../icon/icon-win01.png") center no-repeat;
    background-size: auto 0.44rem;
    position: absolute;
    right: calc((100% - 0.84rem)/2 - 0.84rem);
    top: 0.22rem;
}
.area-match li.flex-centre .flex-match-school .win1{
    width: 0.44rem;
    height: 0.44rem;
    background: url("../icon/iconw1.png") center no-repeat;
    background-size: auto 0.44rem;
    position: absolute;
    right: calc((100% - 0.84rem)/2 - 0.84rem);
    top: 0.22rem;
}
.area-match li.flex-centre .flex-match-school .win2{
    width: 0.44rem;
    height: 0.44rem;
    background: url("../icon/iconw2.png") center no-repeat;
    background-size: auto 0.44rem;
    position: absolute;
    right: calc((100% - 0.84rem)/2 - 0.84rem);
    top: 0.22rem;
}

/*下半区*/
.area-match li.down-area .flex-li {
    align-content: flex-start;
}
.area-match li.down-area .flex-li .flex-match-score{
    border: 1px #999999 solid;
    border-bottom: none;
}
.area-match li.down-area .flex-li .flex-match-score{
    align-items: flex-start;
}
.area-match li.down-area .flex-li .flex-match-score{
    align-items: flex-start;
}

.area-list-view{
    border-top: 0.15rem #f0f0f0 solid;
}
.area-list-view .area-title{
    padding: 0.25rem 0.3rem 0;
    margin-bottom: 0;
}
.area-list-view .area-list-group{
    border-bottom: 0.15rem #f0f0f0 solid;
    padding: 0.25rem 0.3rem 0.25rem;
}
.area-list-group ul li{}
.area-list-group .group-title{
    display: flex;
    font-size: 0.24rem;
    color: #333333;
}
.area-list-group .wt{
    text-align: center;
}
.area-list-group .wt1{
    width: 40%;
}
.area-list-group .wt2{
    width: 15%;
}
.area-list-group ul li .group-list{
    display: flex;
    text-align: center;
    height: 0.9rem;
    align-items: center;
    border-bottom: 1px #f0f0f0 solid;
    font-size: 0.22rem;
    color: #999;
}
.area-list-group ul li .group-list .wt1{
    display: flex;
    align-items: center;
}
.area-list-group ul li .group-list h6{
    width: 0.5rem;
    text-align: center;
    font-weight: normal;
}
/*.area-list-group ul li:nth-child(1) .group-list .wt1 h6,
.area-list-group ul li:nth-child(2) .group-list .wt1 h6,
.area-list-group ul li:nth-child(3) .group-list .wt1 h6,
.area-list-group ul li:nth-child(4) .group-list .wt1 h6{
    color: #ff7777;
}*/
.area-list-group ul li.red .group-list .wt1 h6{
    color: #ff7777;
}

.area-list-group ul li .group-list .group-info{
    display: flex;
    width: calc(100% - 0.5rem);
    align-items: center;
}
.area-list-group ul li .group-list .group-info .icon{
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    margin-right: 0.15rem;
}
.area-list-group ul li .group-list .group-info p{
    width: calc(100% - 0.65rem);
}


.football{}
.football .wt1{
    width: 43%;
}
.football .wt2{
    width: 12%;
}
.football .wt3{
    width: 7%;
}


.flex8q{}
.flex8q li.flex4{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flex8q li.flex4 .flex-li{
    width: 45%;
    flex: none;
    margin-top: 0.2rem;
}

.flex16q{}
.flex16q li.flex8{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flex16q li.flex8 .flex-li{
    width: 25%;
    flex: none;
    margin-top: 0.2rem;
}
.ban-area{
    text-align: center;
    padding: 0.15rem 0;
}
.ban-area span{
    display: inline-block;
    padding-left: 0.35rem;
    background: url("../icon/icon-saozi.png") left center no-repeat;
    background-size: auto 0.24rem;
    font-size: 0.24rem;
    color: #999999;
}

.match-list{
    display: flex;
    justify-content: space-between;
    border-top: 1px #f0f0f0 solid;
    border-bottom: 1px #f0f0f0 solid;
}
.match-list .match-list-info{
    width: 50%;
}
.match-list .match-list-info:last-child{
    border-left: 1px #f0f0f0 solid;
}
.match-list .info-title{
    padding: 0.2rem 0;
    font-size: 0.24rem;
    color: #999999;
}
.match-list .match-list-info dd{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 0.15rem;
}
.match-list .match-list-info dd .safeGroupUp4,
.match-list .match-list-info dd .safeGroupUp2,
.match-list .match-list-info dd .safeGroupUp1{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px #f0f0f0 solid;
}
.match-list .match-list-info dd .flex-li{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: space-between;
    margin-bottom: 0.15rem;
}
.match-list .match-list-info dd .flex-li .flex-match{
    width: 100%;
    display: flex;
}
.match-list .match-list-info dd .flex-li .flex-match .flex-match-school{
    font-size: 0.16rem;
    text-align: center;
    flex: 1;
}
.match-list .match-list-info dd .flex-li .flex-match-school p{
    line-height: 0.22rem;
}
.match-list .match-list-info dd .flex-li .school-icon{
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    display: block;
    margin: 0 auto 0.1rem;
}
.match-list .match-list-info dd .flex-li .flex-match-score{
    font-size: 0.2rem;
    font-family: Arial;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
    width: 50%;
    margin: 0.1rem auto;
    border: 1px #999999 solid;
    border-top: none;
    color: #666666;
    text-align: center;
}
.match-list .match-list-info dd .flex-li .flex-match-score p{
    line-height: 0.22rem;
}

.match-list .match-list-info dd .flex-li .flex-match-score .win{
    color: #ff7777;
}

.safeGroupUp{
    width: 100%;
}
.safeGroupUp .flex-li{
    height: 1.6rem;
}
.safeGroupUp4{
    height: 3.65rem;
    padding-top: 0.15rem;
}
.safeGroupUp1,
.safeGroupUp2{
    height: 1.9rem;
    padding-top: 0.15rem;
}
.safeGroupUp1{
    display: flex;
    justify-content: center!important;
}

/*
#safeGroupUp .safeGroupUp1,
#dangerGroupUp .safeGroupUp1{
    border-bottom: none!important;
}
#safeGroupDown .safeGroupUp4:last-child,
#dangerGroupDown .safeGroupUp4:last-child{
    border-bottom: none!important;
}
*/


.finals-match{
    display: block;
}
.finals-match .finals-match-list{
    padding-bottom: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.finals-match .flex-li{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: space-between;
}
.finals-match .flex-li .flex-match{
    width: 100%;
    display: flex;
}
.finals-match .flex-li .flex-match .flex-match-school{
    font-size: 0.16rem;
    text-align: center;
    flex: 1;
    position: relative;
}
.finals-match .flex-li .school-icon{
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    display: block;
    margin: 0 auto 0.1rem;
}
.finals-match .flex-li .flex-match-score{
    font-size: 0.22rem;
    font-family: Arial;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
    width: 50%;
    margin: 0.1rem auto;
    border: 1px #999999 solid;
    border-top: none;
    color: #666666;
    text-align: center;
}
.finals-match .flex-li .flex-match-score .win{
    color: #ff7777;
}
.finals-match .flex-li .winUp{
    width: 0.44rem;
    height: 0.44rem;
    background: url("../icon/icon-win01.png") center no-repeat;
    background-size: auto 0.44rem;
}
.finals-match .flex-li .winDown{
    width: 0.44rem;
    height: 0.44rem;
    background: url("../icon/icon-win02.png") center no-repeat;
    background-size: auto 0.44rem;
}

#finals1 .up1,
#finals2 .up1{
    position: absolute;
    top: 0.22rem;
    left: -0.44rem;
}
#finals1 .up2,
#finals2 .up2{
    position: absolute;
    top: 0.22rem;
    right: -0.44rem;
}
/* 小组赛 end */




.score_bg{width: 100%;height: 2.7rem;display: flex;align-items: center;flex-direction: column;position: relative;background:url(../icon/score_bg.png) center no-repeat; background-size:100%;}
.score_bg .member_box{height: 1.2rem;display: flex;align-items: center;justify-content: space-between;}

.score_Title{position: relative;font-size: 0.36rem;color: #ff7777;padding-bottom: .15rem;display: inline-block;}
.score_Title:before{content: "";display: block;width: 100%;height: 2px;background:#ff7777;bottom:0;position:absolute;}
.today_list li{display: flex;justify-content: space-between;align-items: center;}
.today_1{background-color: #f2f4f6;width: 1.14rem;height: 0.6rem;line-height:.6rem;text-align:center;color:#999; font-size: .24rem;}
.today_1:before{content: "已完成";}
.today_2{background-color: #fff2f2;width: 1.14rem;height: 0.6rem;line-height:.6rem;text-align:center;color:#ff7777; font-size: .24rem;}
.today_2:before{content: "去看看";}
.today_3{background-color: #fff2f2;width: 1.14rem;height: 0.6rem;line-height:.6rem;text-align:center;color:#ff7777; font-size: .24rem;}
.today_3:before{content: "去投稿";}
.today_4{background-color: #fff2f2;width: 1.14rem;height: 0.6rem;line-height:.6rem;text-align:center;color:#ff7777; font-size: .24rem;}
.today_4:before{content: "去邀请";}
.today_5{background-color: #fff2f2;width: 1.14rem;height: 0.6rem;line-height:.6rem;text-align:center;color:#ff7777; font-size: .24rem;}
.today_5:before{content: "去分享";}
.score_jd{width: 1.3rem;height: 0.12rem;border-radius: 0.06rem;background-color: #f2f4f6;display: flex;align-items: center;}
.score_jd span{height: 0.12rem;border-radius: 0.06rem;background-color: #ff7777;display: block;}
.money_list li{padding:.25rem .3rem;}




/* 勾选框 */
.radioIcon{
    float: left;
    width: 0.5rem;
    height: 0.5rem;
    background: url(../icon/check.png) no-repeat center;
    background-size:0.35rem ;
}
.radioOn{
    float: left;
    width: 0.5rem;
    height: 0.5rem;
    background: url(../icon/check_on.png) no-repeat center;
    background-size:0.35rem ;
}




















